<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <jsp:include page="/static/commonviews/header.jsp"/>
    <link rel="stylesheet" href="treegrid/jquery.treegrid.css"/>
</head>
<body>
<div class="container">
    <br/><br/>
    <table id="table"></table>
    <!--<table id="table"
           data-toggle="table"
           data-height="460"
           data-url="bootstrap-table/tree.json"
           data-id-field="Id"
           treeView="true"
           treeId="Id" treeField="Name" treeRootLevel="1">
        <thead>
        <tr>
            <th data-field="Id" 	data-width="180">Id</th>
            <th data-field="Name" 	data-width="180">Name</th>
            <th data-field="Url" data-width="180">Url</th>
            <th data-field="ParentId" data-width="180">ParentId</th>
            <th data-field="Level" data-width="180">Level</th>
            <th data-field="CreateTime" data-width="180">CreateTime</th>

        </tr>
        </thead>
    </table>-->
</div>
<jsp:include page="/static/commonviews/footer.jsp"/>
<script type="text/javascript" src="treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript" src="treegrid/jquery.treegrid.bootstrap3.js"></script>
<script type="text/javascript" src="treegrid/table-treeGrid.js"></script>
<script type="text/javascript">
    $(function () {
        $('#table').treegridData({
            url: "data/tree.json",
            id: "Id",
            parentId:"ParentId",
            striped: true,   //是否各行渐变色
            bordered: true,  //是否显示边框
            expandAll:false,
            columns:[
                {field: 'Id',title: 'Id',halign:"center"}
                ,{field: 'Name',title: '部门名称',halign:"center"}
                ,{field: 'Url',title: 'Url',halign:"center"}
                ,{field: 'ParentId',title: 'ParentId',halign:"center"}
                ,{field: 'CreateTime',title: 'CreateTime',halign:"center"}
            ]
        });
    });
</script>
</body>
</html>